<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	template="/pages/templates/template.xhtml">
	<ui:define name="metadata">
		<f:metadata>
			<f:viewParam name="id" value="#{GrupoParticipantesBean.id}" />
			<f:event type="preRenderView"
				listener="#{GrupoParticipantesBean.init}" />
		</f:metadata>
	</ui:define>
	<ui:define name="content">
		<h:form id="formGrupo">
			<div>
				<div class="div-titulo-tela">
					<p:outputLabel styleClass="titulo-tela">Grupo de Trabalho</p:outputLabel>
					<br /> <br />
					<p:separator></p:separator>
					<div class="div-titulo-botoes">
						<p:commandButton value="Lista"
							actionListener="#{GrupoParticipantesBean.doListar}" />

						<p:commandButton id="btnSalvar" value="Salvar" ajax="true"
							update="formGrupo" disabled="#{!GrupoParticipantesBean.podeAlterar}"
							actionListener="#{GrupoParticipantesBean.doSalvar}" />

						<p:commandButton id="btnConcluir" value="Concluir" ajax="true"
							update="formGrupo" disabled="#{!GrupoParticipantesBean.podeAlterar}"
							actionListener="#{GrupoParticipantesBean.doConcluir}" />

					</div>
					<p:separator></p:separator>
					<div class="div-titulo-botoes">

						<p:commandButton value="Geral" ajax="true" update="formGrupo"
							actionListener="#{GrupoParticipantesBean.doGeral}" />

						<p:commandButton value="Areas de Interesse" ajax="true"
							update="formGrupo"
							actionListener="#{GrupoParticipantesBean.doSelecionarAreas}" />

						<p:commandButton value="Professores Pretendidos" ajax="true"
							update="formGrupo"
							actionListener="#{GrupoAreasBean.doSelecionarProfessores}" />

						<p:commandButton value="Avaliadores" ajax="true"
							disabled="#{!GrupoParticipantesBean.podeAvaliadores}"
							update="formGrupo"
							actionListener="#{GrupoParticipantesBean.doSelecionarAvaliadores}" />
					</div>
				</div>
				<div>
					<div class="div-corpo-tela">
						<div class="div-mensagem">
							<p:messages id="messages" autoUpdate="true" closable="true" />
						</div>

						<p:outputPanel styleClass="tabAlunos">
							<p:outputPanel id="pnlAlunosSelecionados"
								styleClass="pnlPretendidoSelecionados">
								<p:dataTable controlsLocation="right" id="lstAlunos"
									emptyMessage="" value="#{GrupoParticipantesBean.alunos}"
									var="aluno" styleClass="tabela">
									<f:facet name="header">Alunos Selecionados</f:facet>

									<p:column style="width:15%;" headerText="Matrícula">  
            								#{aluno.matricula}
        								</p:column>
									<p:column style="width:75%;" headerText="Nome">  
            								#{aluno.nome}
        								</p:column>
									<p:column style="width:10%">
										<p:commandButton icon="ui-icon-close"
											actionListener="#{GrupoParticipantesBean.removeAluno(aluno)}"
											update="lstAlunos">
										</p:commandButton>
									</p:column>
								</p:dataTable>
							</p:outputPanel>
						</p:outputPanel>
						<p:panel id="pnlAddAluno" header="Adicionar Aluno" rendered="#{GrupoParticipantesBean.podeAlterar}">
							<p:outputPanel>
								<p:outputLabel>Matrícula:</p:outputLabel>
								<p:inputText value="#{GrupoParticipantesBean.matriculaFiltro}" disabled="#{!GrupoParticipantesBean.podeAlterar}" maxlength="9"></p:inputText>
								<p:commandButton icon="ui-icon-search" disabled="#{!GrupoParticipantesBean.podeAlterar}"
									actionListener="#{GrupoParticipantesBean.pesquisa}"
									update="lstAlunosDisponiveis" />
							</p:outputPanel>
							<p:commandButton icon="ui-icon-plus" value="Adicionar" disabled="#{!GrupoParticipantesBean.podeAlterar}"
								actionListener="#{GrupoParticipantesBean.adicionaAluno}"
								update="pnlAddAluno lstAlunos"></p:commandButton>
							<p:dataTable controlsLocation="right" id="lstAlunosDisponiveis"
								emptyMessage=""
								value="#{GrupoParticipantesBean.alunosDisponiveis}" var="aluno"
								styleClass="tabela">
								<f:facet name="header">Aluno Pesquisado</f:facet>

								<p:column style="width:15%;" headerText="Matrícula">  
            								#{aluno.matricula}
        								</p:column>
								<p:column style="width:50%;" headerText="Nome">  
            								#{aluno.nome}
        								</p:column>
								<p:column style="width:35%;" headerText="Curso">  
            								#{aluno.curso.nome}
        								</p:column>
							</p:dataTable>

						</p:panel>
					</div>
				</div>
			</div>
		</h:form>
	</ui:define>
</ui:composition>

